<template>
	<div class="easyd-weixin-Box">

		<div class="app_page_box">
			<div class="app_page">
				
				<div class="app_list_box MARGIN_BOTTOM_10">
					<div class="app_box_content" v-for="item in evaluateData" @click="evaluateBtn(item)">
						<div class="app_box_content_left">
							{{item.name}}<small class="C4">{{item.remark}}</small>
						</div>
						<div class="app_box_content_right">
							<i class="fa fa-angle-right fa-lg"></i>
						</div>
					</div>
				</div>
				
			</div>
		</div>

	</div>
</template>

<script>
	import { mapState, mapMutations } from "vuex";
	export default {

		data() {
			return {
				evaluateData : [
					{
						id : '0',
						name : '一类客户',
						remark : '（认可产品，无异议，认可现在购买）',
					},
					{
						id : '1',
						name : '二类客户',
						remark : '（认可产品，是KP，具备成交条件）',
					},
					{
						id : '2',
						name : '三类客户',
						remark : '（认可产品，是第二KP，具备成交条件）',
					},
					{
						id : '3',
						name : '四类客户',
						remark : '（不排斥，有较深入沟通，能加到微信）',
					},
					{
						id : '4',
						name : '五类客户',
						remark : '（无有效沟通或只简单介绍了产品）',
					},
				]
			};
		},
		computed: {
			...mapState({
				// evaluate: state => state.AddFollowModule.evaluate,
			})
		},
		mounted() {

		},
		methods: {

			//  ...mapMutations(["ShopIndexModule/updateIsShopGuide"]),

			evaluateBtn(item) {
				console.log(item.name);
				this.$store.commit("AddClientModule/updateEvaluate", item);
				history.go(-1);
			},
		}
	};
</script>

<style lang="stylus" scoped>
	@import '~PUBLIC_CSS';
	.history_follow_info {
		padding: 10px;
		border-bottom: 1px solid #f1f1f1;
	}
	
	.history_follow_info .app_box_content_textarea {
		padding: 0;
		position: relative;
	}
	
	.history_follow_info .app_box_content_textarea textarea {
		background: #F4F4F4;
		padding: 10px;
	}
	
	.history_follow_info .app_box_content_textarea span{
		position: absolute;
		right: 1px;
		bottom: 1px;
		font-size: small;
		color: #999;
		background: #f4f4f4;
		padding: 5px;
	}
	
</style>